﻿.mainTB
{
    width: 100%;
}

#imageEmployee
{
    text-align: center;
    border: 1px solid rgb(84, 84, 84);
}
.empImage
{
    width: 160px;
    height: 130px;
    border: 1px solid rgb(204, 207, 207);
}
.firstTD
{
    width: 80%;
    vertical-align: top;
}
.secondTD
{
    width: 20%;
    vertical-align: top;
        border: 1px solid rgb(7, 7, 7);
    text-align: center;;
    box-shadow: 3px 3px 5px 1px #000, 0 0 4px rgba(0, 0, 0, .5) inset;
    border-radius: 10px;
}
#notticeBoard
{
    width: 100%;
    height: 100%;
    text-align: center;

}
#noticeMessageBody
{
    width: 95%;
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(0, 28, 116);
}
.noticeparaTitle
{
    margin-top: -0px;
    background-color: white;
}
#blankDIV
{
    width: 100%;
    height: 10px;
    text-align: center;
    font-weight: bold;
}
#blankDIVunderread
{
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: bold;
}
#boardTitle
{
    color: white;
    width: 100%;
    height: 20px;
    text-align: center;
    font-weight: bold;
    background: rgb(149,149,149); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.LeftSideTB
{
    width: 100%;
    margin-left: 0%;
}

.txtNameUser
{
    font-size: 40px;
    text-shadow: 3px 3px 0px #eee, 4px 4px 0px #707070;
    text-align: center;
}
.txtwelcome
{
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    color: rgb(12, 75, 12);
}
#subtitleDiv
{
    font-size: 12px;
    font-style: italic;
    color: rgb(138, 126, 131);
}

.generalInfoDiv
{
    width: 50%;
    margin-left: 25%;
    height: 100%;
    text-align: center;
    color: rgb(5, 18, 159);
}
.generalInfocalanderDiv2
{
    width: 100%;
    height: 100%;
    color: rgb(5, 18, 159);
    
}

#msgtitle, #msgtitle2
{
    height: 25px;
    float: left;
    width: 78%;
    border: 1px solid rgb(91, 91, 91);
}
#msgLebel
{
    height: 25px;
    float: right;
    width: 19%;
    border: 1px solid rgb(91, 91, 91);
}
#msgLebel2
{
    height: 25px;
    float: right;
    width: 19%;
    border: 1px solid rgb(91, 91, 91);
    text-decoration: none;
}
#msgLebel2 a
{
    text-decoration: none;
}

#msgLebel a
{
    text-decoration: none;
}

.calender
{
    background: #3b679e; /* Old browsers */
    background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */


}
.calenderTitle
{
    background: #3b679e; /* Old browsers */
    background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
  height: 100%;
}
.calenderToday
{
    color: black;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
   background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */

}
.calenderDayHeader
{
    color: black;
    font-weight: bold;
   background: #3b679e; /* Old browsers */
    background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

#infoTB
{
    border-radius: 5px;
    color: rgb(221, 221, 221);
    width: 100%;
    background: #3b679e; /* Old browsers */
    background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.txtCode
{
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 12px;
}


.msgTB
{
    width: 50%;
    margin-left: 25%;
}

.um
{
    border: 1px solid rgb(7, 7, 7);
    text-align: center;
    box-shadow: 3px 3px 10px 5px #000, 0 0 4px rgba(0, 0, 0, .5) inset;
    border-radius: 10px;
    
 
}
.um:hover {
    transition: 90;
}



.ua
{
    border: 1px solid rgb(0, 13, 86);
    text-align: center;
    box-shadow: 3px 3px 10px 5px #000, 0 0 4px rgba(0, 0, 0, .5) inset;
    border-radius: 10px;
}




